@charset "utf-8";
/*~~~~框架布局~~~*/



.effect-lower{ position: relative;}
.effect-lower .effect-lower-block{position: absolute;left: -50px;top:29px;width:120px;height:120px;border: 1px #ddd solid;padding:5px; z-index: 9; background: #fff;filter: alpha(opacity=0); transform-origin: 95% 0%; transform:scale(0.01); -moz-transform:scale(0.01); transition:all 1s;}
.effect-lower:hover .effect-lower-block{opacity:1;transform: scale(1);}

/*==顶部↓==*/
.head-top{text-align:right;background:#f5f5f5;}
.head-top .store{color:#888888;font-size:14px;margin-right: 10px;}
.head-top .store font{color:#ff5e02;font-weight: bold;}
.head-top .store:hover{color:#ff5e02}
.head-top .tel{color:#ff0000;font-size:20px;padding-left:35px; border-left:1px #ddd dotted; background: url(../Images/tel_ico.png) no-repeat 15px 5px;}
.header{ position: relative;padding:25px 0 25px;}
.header .container2{max-width:1600px; padding: 0 2%;margin:auto;overflow:hidden;}
/*.fixed-top{position:fixed;z-index:99;width:100%;padding:10px 0; background:#fff}
.fixed-top .logo{}*/
.header .logo{}
.header .logo img{}
.header .title{color:#666666;font-size:14px;margin-left:20px; padding-left:20px;border-left:1px #aaa dotted;display: block;float: left;}
.header .title font{color:#ff0000;font-size:19px;display: block;font-weight: bold;}
.header .nav{}
.header .nav li{float: left;/* position: relative; */margin-left: 60px;}
.header .nav li a.navAone{ display: block; color:#202020; font-size:24px; padding:20px 0px 10px 0px;/*position: relative;*/}
.header .nav li a.navAone:before,.header .nav li a.navAone:after{ opacity:0; content: ""; position: absolute;bottom: 0;left:0;transition: all .4s ease-in-out;}
/*.header .nav li a.navAone:before{height:4px;width:100%; background: #ff0000}*/
/*.header .nav li a.navAone:after{width:8px;height:8px;margin-left:-1px;transform:rotate(45deg);background: #ff0000;left: 45%;}*/
.header .nav li a.navAone:hover,.header .nav li.active a.navAone{ color:#ff0000;  }
.header .nav li a.navAone:hover:before,.header .nav li a.navAone:hover:after,.header .nav li.on a.navAone:before,.header .nav li.on a.navAone:after,.header .nav li.active a.navAone:before,.header .nav li.active a.navAone:after{ opacity: 1}
/*.header .nav li.drop-downHover a.navAone{ background:#0092D8;color:#fff}*/
.header .nav li .sub{ display: none; position: absolute; left:0;top:100%;z-index:9;width:100%;padding:50px 0; text-align:center; background: #f1f1f1;}
.header .nav li .sub a{display: inline-block;margin:0 10px;background: #fff;position: relative;}
.header .nav li .sub a:nth-child(6){ display: none}
.header .nav li .sub a img{max-width:100%; display:block;}
.header .nav li .sub a h3{color:#fff;position: absolute;left: 0;bottom: 0;font-size:14px;padding: 3px 0;width: 100%;background:rgba(0,0,0,0.5);}
.header .nav li .sub a:hover h3{background:#ff0000}
.header .nav li .sub-1 a{width: 216px;}
.header .nav li .sub-2 a{ display: inline-block;margin:0 10px;  background: #fff;width: 216px;}
.header .nav li div.sub-2 h3{padding-bottom:10px;color:#666; background:none}
.header .nav li .sub-2 a:hover h3{color:#ff0000;background:none}
.header .nav li .sub-3 a{width:300px; margin:0 30px; }
.header .nav li .sub-3 a:hover{ }
.header .nav li .sub-3 h3{ display:none;}
.header .search{ position:relative;margin: 20px 0 0 5px;border-left: 1px #ddd solid;padding-left: 20px;}
.header .search em{display: block;width:20px;height:20px;font-size: 18px;color: #ff0000;/*! background: #ddd; */}
.header .search:hover .box{ opacity:1;height:100px;}
.header .search .box form{width:600px;margin:auto;padding: 25px 20px 20px 20px;}
.header .search .box{opacity:0;position:absolute;top:59px;right:0;z-index:99;height:0px;width: 1200px;border-radius: 0 0px 5px 5px;overflow:hidden;background: #FFFCFC;border: 1px #f1f1f1 solid;}
.header .search .box span{color: #ff0000;font-size:15px;padding-right:30px;}	
.header .search .box input{width:0px;height: 40px;color: #666;border-bottom: 1px #ff0000 solid;border-left: 0px;border-top: 0px;border-right: 0px;outline: medium;background: none;}
.header .search .box input::-webkit-input-placeholder { /* WebKit browsers */color:#999;}
.header .search .box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */　color:#999;}
.header .search .box input::-moz-placeholder { /* Mozilla Firefox 19+ */color:#999;　}
.header .search .box input:-ms-input-placeholder { /* Internet Explorer 10+ */color:#999;}
.header .search .box button{width: 0px;height: 0px;border: 0px;color: #fff;font-size: 15px;border-radius: 50%;cursor: pointer;background: #ff0000;}
.header .search:hover input{width: 310px;transition:all .8s ease-in-out;}
.header .search:hover button{width:40px;height: 40px;transform:rotate(360deg);transition:all .8s ease-in-out;}
.header .search .box button:hover{ background:#000}


/*==标题↓==*/
.titleAx{color:#333333;font-size:35px;margin: 15px 0;text-align: center;}
.titleAx font{color:#ff0000;font-size:30px;font-weight:bold;text-transform: uppercase;}
.titleAx .more{ float:right; color:#ff0000;border:1px #ff0000 solid; padding:2px 10px;font-size: 12px;}
.titleAx .more:hover{ color:#fff; background: #ff0000;}


/*==产品↓==*/
.HomeProduct{width:100%; padding:0px 0;position: relative;z-index: 2;background: #fee7b3}
.HomeProduct .container{width:1200px;}
.HomeProduct .chanpin .left{ position:relative;width:45%; }
.HomeProduct .chanpin .left img{ width:100%;}
.HomeProduct .chanpin .right{width:55%;padding-top:100px;}
.HomeProduct .chanpin .right h3{color:#101010;font-size:58px;letter-spacing:15px;padding-bottom:50px;}
.HomeProduct .chanpin .right .wx{color:#000;font-size:33px;}
.HomeProduct .chanpin .right .wx ul li { float: left; width: 50%; line-height:80px;}
/*.HomeProduct .chanpin .right .wx ul li:nth-child(5),.HomeProduct .right .wx ul li:nth-child(6) {  width: 100%;}*/
.HomeProduct .jiage{background: #fdd170;}
.HomeProduct .jiage .left h2{color:#ff0101;font-size:30px;letter-spacing:10px;padding:30px 0;}
.HomeProduct .jiage .right{width:367px;padding-top:7px;position: relative;}
.HomeProduct .jiage .right span{
display: block;
position: absolute;
top: 7px;
left: 0;
opacity: 0;
}
.HomeProduct .jiage .right span:hover{
opacity: 1;
cursor: pointer;
}




/*==优势↓==*/
.HomeAdvantage{padding:30px 0; background:#fee7b3 url(../images/map.png) center top no-repeat;}
.HomeAdvantage .list{ width: 1200px;margin: 50px auto; overflow: hidden;}
.HomeAdvantage .list li{ position: relative;z-index: 2;float:left;width: 20%;overflow: hidden;text-align:center;}
.HomeAdvantage .list li em{ display: block;width:50px;height:50px;     margin: auto; background: url(../Images/icob.png) no-repeat 0 0;}
.HomeAdvantage .list li h3{color:#010101;font-size:22px;margin-top: 25px;}
.HomeAdvantage .list li.x1 em{ background-position: 0 0 ;}
.HomeAdvantage .list li.x2 em{ background-position: -4px -57px;}
.HomeAdvantage .list li.x3 em{ background-position: -3px -117px;}
.HomeAdvantage .list li.x4 em{ background-position: -5px -179px;}
.HomeAdvantage .list li.x5 em{ background-position: -5px -239px;}
.HomeAdvantage .hr{width:1050px;margin:auto;height:2px; background:#35332d;}
.HomeAdvantage .toutxt {width:1100px;margin:auto; overflow:hidden;padding-bottom:25px;}
.HomeAdvantage .toutxt li {
        float: left;letter-spacing:10px;
        width: 158px;
        text-align: center;
        font-size: 30px;
        color: #010101;
        line-height: 50px;
    }
 .HomeAdvantage .toutxt li:nth-child(4) {text-indent:-9999px;width:150px; }

/*==首页关于我们↓==*/


/*==首页新闻↓==*/
.HomeArticle{margin: 70px 0 70px 0;}
.HomeArticle .list{ margin-top:40px;width:1265px; margin-left:-65px;}
.HomeArticle .list li{ position: relative;float:left; width:355px; margin-left:65px; border-bottom: 1px #ddd solid;padding-bottom:30px;}
.HomeArticle .list li:before{ content: "";position: absolute;left:0;bottom:0;width:0%;height:1px; background: #ff0000;transition: all .6s ease-in-out;}
.HomeArticle .list li .effect-one{ position: relative;}
.HomeArticle .list li .time{ position: absolute;left:30px;top:0px;padding:13px 15px;color:#ffffff;font-size:26px; background: #234c9c;}
.HomeArticle .list li .time hr{ display: block; border:none; width:20px;height:1px;  background: #fff;margin-bottom: 10px;}
.HomeArticle .list li .time font{ display: block; font-size:12px}
.HomeArticle .list li h4{margin:20px 0 15px 0;color:#333;font-size:16px;}
.HomeArticle .list li p{color:#666;font-size:14px;}
.HomeArticle .list li:hover h4{color:#ff0000}
.HomeArticle .list li:hover:before{width:100%;}

/*==合作伙伴↓==*/



/*==关于我们↓==*/
.AboutBox{ background: #ffc238}
.AboutBox .introduction{;}
.AboutBox .introduction .pic{ display: block;}
.AboutBox .introduction .wx{float:right;width:900px;color:#020202;font-size:18px;line-height:30px;padding-top:105px;}
.AboutBox .introduction .wx .title{ float:left;width:220px; border-right:1px #ddd solid;margin-right:50px;color:#108bd6;font-size:50px; line-height: initial}
.AboutBox .introduction .wx img{width:100%;}


/*产品*/
.ProductListBox{margin:20px 0; padding:30px 0;background: #ffc238}
.ProductListBox .introduction .wx{float:right;width:980px;color:#020202;font-size:18px;line-height:40px;padding-top:100px;}
.ProductListBox .introduction .wx .title{ float:left;width:220px; border-right:1px #ddd solid;margin-right:50px;color:#108bd6;font-size:50px; line-height: initial}


/*==联系我们↓==*/

/*==联系我们↓==*/
.contactBox input::-webkit-input-placeholder {
    color: #121212;
}
.contactBox textarea::-webkit-input-placeholder {
    color: #121212;
}
.contactBox{    text-align: center;}
.contactBox .top{ margin:50px 0 -55px 0;float: left;width: 100%;height: 270px;position: relative;/*! bottom: -90px; */z-index: 99;}
.contactBox .top ul{margin-top: 60px;/*! margin-bottom: -50px; */padding: ;/*! position: relative; *//*! bottom: -90px; *//*! z-index: 99; */}
.contactBox .top ul li{float:left;width:250px; padding:30px;box-shadow: 0 0 10px #ccc; text-align: center; background: #fff;height: 210px;margin: 0 25px;}
.contactBox .top ul li em{ display: block; width:100px;height:55px;margin: auto;}
.contactBox .top ul li b{margin:10px 0 10px 0; color:#333333;font-size: 18px;display: block;}
.contactBox .top ul li p{ color:#666666;font-size: 14px;}
.contactBox .top ul li.tel em{ background: url(../images/conIco01.png) no-repeat center;}
.contactBox .top ul li.mail em{ background: url(../images/conIco02.png) no-repeat center;}
.contactBox .top ul li.qq em{ background: url(../images/conIco03.png) no-repeat center;}
.contactBox .top ul li.address em{ background: url(../images/conIco04.png) no-repeat center;}	
.contactBox #dituContent{float:left;width:100%;height:450px; margin:0px 0 0 0;}
.contactBox .comments{float: left;width: 100%;margin: 70px 0 50px 0;}
.contactBox .comments span.wr{font-size:16px;display: block;margin-bottom: 20px;}
.contactBox .comments .in-1,.contactBox .comments textarea{width:100%; padding:15px 15px; font-size:18px;color:#000; line-height: 35px; background:#fed77f;}
.contactBox .comments .log{float:left;width:370px;margin-left:45px;margin-bottom: 20px;position: relative;}
.contactBox .comments .log i{ position: absolute;right:20px;top:17px; color:red; font-size:12px;font-weight: 400;}
.contactBox .comments .mrl{margin-left:0px;}
.contactBox .comments textarea{width:100%; height:150px;margin-bottom: 45px;}
.contactBox .comments .submit,.contactBox .comments .reset{padding:5px 0;width:280px; text-align: center;color:#fff;font-size:32px;letter-spacing:5px; cursor: pointer;}
.contactBox .comments .submit{ background:#f00;border-radius:30px;}
.contactBox .comments .reset{float:right; background:#9a9a9a;}
.contactBox .comments .submit:hover,.contactBox .comments .reset:hover{ background: #1e1c1e;}



.nlb{}
.nlb .list li{margin:10px 0 20px 0;padding:0 0 20px 0;}
.nlb .list li .middle h4{margin-top:0px;}
.nlb .list li .middle p{margin:10px 0 20px 0;}
.nlb .list li .right{margin-top:10px;}

/*==底部===*/
.footer{padding:30px 0 30px 0;background: #fcaf01;color: #00002d;overflow:hidden;letter-spacing:3px;}
.footer .nav h3{color:#00002d;font-size:20px;margin-bottom:15px;}
.footer .nav{width: 860px;display: table;}
.footer .nav li{display: table-cell;padding-right: 25px;}
.footer .nav li a{ display: block;color:#999; line-height:20px;padding-left:10px;margin:7px 0; background: url(../Images/arrow_04.png) no-repeat left;}
.footer .nav li a:hover{color:#fff}
.footer .down{padding:10px 0; font-size:12px;color:#9c9c9c;background: #3a3a3a;overflow: hidden;float: left;width: 100%;margin-top: 40px;line-height: 32px;}
.footer .down a{font-size:12px;color:#9c9c9c;}
.footer .down a:hover{color:#fff}
.footer .link{float:left;margin-right: 20px;width:120px;border:1px #9c9c9c solid;padding:2px 10px;font-size:14px;color:#9c9c9c;line-height: 23px;position: relative;}
.footer .icon-angle-down:before{ float:right; margin:5px 0 0 20px;transition: all .4s ease-in-out;}
.footer .link span a{ display: block; color:#666;font-size:12px; padding:5px 0;}
.footer .link span{ display: none; position: absolute;top:-22px;left:0;width:100%;padding:10px 0; text-align: center;background: #fff;border: 1px #ddd solid;}
.footer .link:hover span{ display: block;}
.footer .link span a:hover{  background: #ddd}
.footer .icon-angle-down:hover:before{transform:rotate(180deg);}

 .copy{text-align:center;line-height:40px;font-size:20px;color:#00002d;margin-top:25px;}

 .pt10{padding-top:12px;}
.contact-section{overflow:hidden;}
.contact-section .item{ width:25%;text-align:center;}
.contact-section .item .title{margin: 0px 0;font-size:20px;line-height:50px;}
.contact-section .item p{font-size: 20px;line-height:30px;}
.contact-section .item-left{background-image: url(../images/product/tri-left.png);}
.contact-section .item-right{background-image: url(../images/product/tri-right.png);}
.contact-section .item-middle{ background-image: url(../images/product/tri.png);}
.contact-section .c-title{
  text-align: center;
  position: relative;
  margin-bottom: 45px;
}

.contact-section .c-title span{
  font-size: 35px;
  font-weight: bold;
  position: relative;
}

.contact-section .c-title span:after{
  position: absolute;
  content: "";
  width: 45px;
  height: 4px;
  background: #bf1b1b;
  bottom: -15px;
  left: calc(50% - 22px);
}